<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>portal</title>
    <link rel="stylesheet" href="../../resources/commons/css/base.css">
    <link rel="stylesheet" href="../../resources/commons/css/common.css">
    <link rel="stylesheet" href="../../resources/commons/css/widget.css">
    <link rel="stylesheet" href="./css/modify-psw.css">
</head>

<body>
    <div class="main-repeat layout-left-center">
        <div class="col-main w60">
            <div class="col-left">
                <div class="nav-left">
                    <a class="logo"></a>
                    <ul>
                        <li class="nav-left-item"></li>
                        <li class="nav-left-item active"></li>
                        <li class="nav-left-item"></li>
                    </ul>
                </div>
            </div>
            <div class="col-right">
                <div class="nav-top">
                    <a class="avatar">
                        <i class="line"></i>
                        <img src=""
                            alt="">
                    </a>
                    <div class="nav-top-list">
                        <a class="nav-top-item active" href="">首页</a>
                        <a class="nav-top-item" href="">碳服务</a>
                        <a class="nav-top-item" href="">碳配额</a>
                        <a class="nav-top-item" href="">碳政策</a>
                        <a class="nav-top-item" href="">关于我们</a>

                    </div>
                </div>
                <div class="body-wrap">
                    <div class="nav-left-wrap">
                        <div class="nav-left-menu-text">
                            <span>账号管理</span>
                        </div>
                        <ul class="nav-left-menu-list">
                            <li class="nav-left-menu-item">
                                <div>
                                    <i class="iconfont"></i>
                                    <span>账号信息</span>
                                </div>
                                <div class="nav-left-sub-menu-list">
                                    <a class="nav-left-sub-menu-item">
                                        <span>基本信息</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item active">
                                        <span>修改密码</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>创建子用户</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>查看子用户</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>编辑子用户</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>停用子用户</span>
                                    </a>

                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="right-wrap">
                        <div class="content-wrap">
							<div class="toolbar-wrap">
								<i class="line"></i>
								<div class="crumb">
									<span class="crumb-item">
										<span class="crumb-item-link">账号信息</span>
										<span class="crumb-item-separator">&gt;</span>
									</span>
									<span class="crumb-item">
										<span class="crumb-item-link">基本信息</span>
									</span>
								</div>
							</div>
							<div class="basic-info clearfix">
								<div class="fn-left">
									<img src="./css/images/avatar.png" alt="">
									<div class="image-shadow">
									</div>
								</div>
								<div class="info-detail">
									<span>主账号：18888888888</span>
									<div>
										<ul class="fn-left">
											<li>账户类型：独立账号</li>
											<li>认证状态：已实名认证</li>
										</ul>
										<ul class="fn-left">
											<li>账号等级：普通用户</li>
											<li>关联状态：暂未关联</li>
										</ul>
										<ul class="fn-left">
											<li>是否开通支付：独立账号</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="toolbar-wrap modify-psw-toolbar">
								<i class="line"></i>
								<div class="crumb">
									<span class="crumb-item">
										<span class="modify-psw-text">密码修改</span>
									</span>
								</div>
							</div>
							<div class="modify-psw-div">
								<ul class="modify-psw-ul">
									<li>
										<input id="" class="old-psw" type="text" placeholder="原密码"/>
									</li>
									<li>
										<input id="" class="new-psw" type="text" placeholder="新密码" />
									</li>
									<li>
										<input id="" class="re-psw" type="text" placeholder="确认密码" />
										<div class="psw-alert-point"></div>
										<span class="psw-alert-text">两次手机密码不同</span>
									</li>
									<li>
										<input id="" class="verify-code" type="text" placeholder="请输入手机验证码" />
										<input id="" class="send-code" type="button" value="发送验证码" />
										<div class="psw-alert-point"></div>
										<span class="psw-alert-text">手机验证码错误</span>
									</li>
								</ul>
							</div>
							<div class="buttons">
								<input type="button" class="ok-button" value="确认修改"/>
								<input type="button" class="back-button" value="返回"/>
							</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-debug.js"></script>
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-config-debug.js"></script>
    <script>
        seajs.use('./js/modify-psw');
    </script>
</body>

</html>